<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no, email=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <title>1060官网</title>
    <link rel="stylesheet" href="../../style/iconfont.css">
    <link rel="stylesheet" href="../../common/index.css">
    <link rel="stylesheet" href="../../style/common.css">
    <link rel="stylesheet" href="../../style/investor/index.css">
</head>
<body>
<header class="p-l-100 p-r-100">
    <div class="font-0 flex-col-center logo">
        <img src="http://sitjhwm8c.hb-bkt.clouddn.com/FiApHDI6JqKO5GdEDG0MMw7Pw-yQ" alt="">
    </div>
    <nav id="nav" class="font-18">
        <div>
            <a href="../../index.html">首页</a>
        </div>
        <div>
            <a href="#">關於中港通</a>
            <div class="font-15">
                <a href="../../pages/index/develop.html">企业发展</a>
                <a href="../../pages/index/thought.html">使命思想</a>
                <a href="../../pages/index/strategy.html">关于中港通</a>
                <a href="../../pages/index/culture.html">牌照</a>
            </div>
        </div>
        <div>
            <a href="../../pages/brand/index.html">旗下品牌</a>
        </div>
        <div>
            <a href="#">主要業務</a>
            <div class="font-15">
                <a href="../../pages/strength/R-and-D.html">港股交易</a>
                <a href="../../pages/strength/qualifications.html">资质专利</a>
                <a href="../../pages/strength/market.html">配售</a>
                <a href="../../pages/strength/cooperation.html">香港投資移民（CIES）</a>
            </div>
        </div>
        <div>
            <a href="#">集团动态</a>
            <div class="font-15">
                <a href="../../pages/trends/business.html">集团事业</a>
                <a href="../../pages/trends/member.html">集团领导</a>
            </div>
        </div>
        <div>
            <a href="#">客戶專區</a>
            <div class="font-15">
                <a href="../../pages/news/index.html">开户</a>
                <a href="../../pages/news/party-building.html">港股交易收費表</a>
                <a href="../../pages/news/video.html">資金存取</a>
            </div>
        </div>
        <div class="active">
            <a href="../../pages/investor/index.html">投资者关系</a>
        </div>
        <div>
            <a href="#">联系我们</a>
            <div class="font-15">
                <a href="../../pages/contact/contact-us.html">联系方式</a>
                <a href="../../pages/contact/feedback.html">意见反馈</a>
            </div>
        </div>
    </nav>
    <div class="language">
        <span>CN</span>
    </div>
</header>
<main>
    <div class="p-100" style="background: url('https://cdn.55mao.com/FlJBMs8O4dHcMfcGuACqUC6gOubB') no-repeat 0 0;background-size: 100% 100%;">
        <div class="text font-50">
            <span>GROUP CAREER</span>
        </div>
        <div class="font-40 p-t-20 p-b-20">
            <span>投资者关系</span>
        </div>
        <div class="font-15 row-span-8 line-height">
            <p><p data-v-2f5fbf9c="" style="font-size: 15px; line-height: 40px;">宝沙是国内较早进入远红外桑拿房行业的公司之一，也是国内较早上市的主营远红外桑拿房的公司。 公司经营的自有品牌 Golden Designs (美国品牌)、Maxxus mfrared Sauna (美国品牌)、Veegee均是行业内知名品牌，积淀了稳定的经销商和客户群。 公司追求打造高科技的产品、高优质服务、高定级品牌。为了保持这一目标的实现，在设备更新、工艺创新、研发设计、原料选材、生产管理、售前售后服务等方面始终进行严格要求。 基于公司对于研发创新、品质服务及品牌维护方面的持续投入与追求，截至2022年公司拥有有效专利和国际认证 220 多项。</p></p>
        </div>
    </div>
<!--   <div>-->
<!--       <div class="nav flex font-18" >-->
<!--           <div class="nav-active">-->
<!--               <span>最新报告</span>-->
<!--           </div>-->
<!--           <div>-->
<!--               <span>定期报告</span>-->
<!--           </div>-->
<!--           <div>-->
<!--               <span>公司治理</span>-->
<!--           </div>-->
<!--           <div>-->
<!--               <span>机构报告</span>-->
<!--           </div>-->
<!--           <div>-->
<!--               <span>投资者关系</span>-->
<!--           </div>-->
<!--           <div>-->
<!--               <span>投资者教育</span>-->
<!--           </div>-->
<!--       </div>-->
<!--   </div>-->
    <div class="flex p-t-40 p-b-50">
        <div class="row-span-16 m-r-40">
            <div class="list-content">
                <!--内容区域-->
            </div>
            <div class="flex-center p-l-00 p-r-100 p-b-100">
                <span class="button" id="handleMoreMethods" >MORE</span>
            </div>
        </div>
        <div class="row-span-5">
            <div class="bg-fff p-20 font-15 p-b-50">
                <div class="font-0 m-b-20">
                    <img width="100%" src="https://cdn.55mao.com/Fmxp5saia_jw9k6lOyvsIQ3J46Rq" alt="">
                </div>
                <h3 class="font-20">投资者接待</h3>
                <div class="m-t-10">
                    <h5 class="font-18">联系方式</h5>
                    <div>
                        <p data-v-2f5fbf9c="" style="color: rgb(102, 102, 102);">联系人：XXX</p><p data-v-2f5fbf9c="" style="color: rgb(102, 102, 102);">联系电话：012-12034123</p><p data-v-2f5fbf9c="" style="color: rgb(102, 102, 102);">邮件：123@xxx.com</p>
                    </div>
                </div>
                <div class="m-t-10">
                    <h5 class="font-18">留言信息</h5>
                    <p class="color-666">如果您对我们有什么问题或者建议可以在此填写我们会尽快回复您。对于您的提问，我们将会通过电子邮件或者电话的方式回复，感谢您对我们的关注。</p>
                </div>
                <div class="font-15 p-t-20 p-b-10">
                    <div>
                        <input type="text" id="name" placeholder="请输入姓名">
                    </div>
                    <div>
                        <input type="text" id="tel" placeholder="请输入电话">
                    </div>
                    <div>
                        <input type="text" id="email" placeholder="请输入邮件地址">
                    </div>
                    <div>
                        <textarea name="" id="msg" rows="5" placeholder="留言..."></textarea>
                    </div>
                </div>
                <div>
                    <button id="handleSubmitMethods" >确认提交</button>
                </div>
            </div>
        </div>
    </div>

</main>
<footer class="p-l-100 p-r-100">
    <div class="flex">
        <div class="flex-1 link">
            <div>
                <img src="http://sitjhwm8c.hb-bkt.clouddn.com/Fov__NAFlvR8W0uLV-iYhAyvD3ru" alt="">
            </div>
            <div><div style="display: flex; margin-top: 50px; margin-bottom: 20px;" data-v-72d94ebe="">
<div style="display: flex; flex-direction: column; margin-right: 72px;" data-v-72d94ebe=""><a style="margin-bottom: 8px; display: flex; justify-content: center; font-weight: bold; border-bottom: 1px solid #333333; color: #000000; font-size: 13px; padding: 6px 0px;" href="#" data-v-72d94ebe="">公司介绍</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">企业发展</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">使命思想</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">蓝海战略</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">企业文化</a></div>
<div style="display: flex; flex-direction: column; margin-right: 72px;" data-v-72d94ebe=""><a style="margin-bottom: 8px; display: flex; justify-content: center; font-weight: bold; border-bottom: 1px solid #333333; color: #000000; font-size: 13px; padding: 6px 0px;" href="#" data-v-72d94ebe="">旗下品牌</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">保参利</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">益参祥</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">圳友</a></div>
<div style="display: flex; flex-direction: column; margin-right: 72px;" data-v-72d94ebe=""><a style="margin-bottom: 8px; display: flex; justify-content: center; font-weight: bold; border-bottom: 1px solid #333333; color: #000000; font-size: 13px; padding: 6px 0px;" href="#" data-v-72d94ebe="">新闻公告</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">企业新闻</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">党建工作</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">视频中心</a></div>
<div style="display: flex; flex-direction: column; margin-right: 72px;" data-v-72d94ebe=""><a style="margin-bottom: 8px; display: flex; justify-content: center; font-weight: bold; border-bottom: 1px solid #333333; color: #000000; font-size: 13px; padding: 6px 0px;" href="#" data-v-72d94ebe="">集团动态</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">集团事业</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">集团领导</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">集团新闻</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">媒体报道</a></div>
<div style="display: flex; flex-direction: column; margin-right: 72px;" data-v-72d94ebe=""><a style="margin-bottom: 8px; display: flex; justify-content: center; font-weight: bold; border-bottom: 1px solid #333333; color: #000000; font-size: 13px; padding: 6px 0px;" href="#" data-v-72d94ebe="">企业资讯</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">研发中心</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">资质专利</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">全球市场</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">合作伙伴</a></div>
<div style="display: flex; flex-direction: column; margin-right: 72px;" data-v-72d94ebe=""><a style="margin-bottom: 8px; display: flex; justify-content: center; font-weight: bold; border-bottom: 1px solid #333333; color: #000000; font-size: 13px; padding: 6px 0px;" href="#" data-v-72d94ebe="">投资者关系</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">最新报告</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">定期报告</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">公司治理</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">机构报告</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">投资者关系</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">投资者教育</a></div>
<div style="display: flex; flex-direction: column; margin-right: 72px;" data-v-72d94ebe=""><a style="margin-bottom: 8px; display: flex; justify-content: center; font-weight: bold; border-bottom: 1px solid #333333; color: #000000; font-size: 13px; padding: 6px 0px;" href="#" data-v-72d94ebe="">联系我们</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">人才招聘</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">联系方式</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="http://www.baidu.com" data-v-72d94ebe="">意见反馈</a></div>
</div></div>
            <!--            <div>-->
            <!--                <div>-->
            <!--                    <img src="./image/wx.png" alt="">-->
            <!--                    <img src="./image/qq.png" alt="">-->
            <!--                    <img src="./image/weibo.png" alt="">-->
            <!--                    <img src="./image/douyin.png" alt="">-->
            <!--                </div>-->
            <!--                <p>© 2023 VICO CO., LTD</p>-->
            <!--            </div>-->
        </div>
        <div class="contact hide">
            <div>
                <p>聯絡電郵/E-mail</p>
                <p>cs@cktsec.com.hk</p>
                <!--                <p>招聘/Recruitment</p>-->
                <!--                <p>35906506</p>-->
                <p>總部地址/Address</p>
                <p>香港干諾道中 168-200 號信德中心西翼 2808-09 室</p>
            </div>
            <div>
                <img src="http://sitjhwm8c.hb-bkt.clouddn.com/FulG3smeE2Ssj72Oa4Ci9fLt1fR4" alt="">
            </div>
        </div>
    </div>
</footer>
</body>
<script src="../../common/jquery.js"></script>
<script>
    $(function () {

        $(window).on('scroll', function () {
            $('header').css('background', 'rgba(255, 255, 255,' + $(window).scrollTop() / 100 + ')');
        });

        let page = 1;

        $('#handleMoreMethods').on('click', ()=> {
            getData(page++);
        });

        getData(page);

        function getData(page) {
            $.get(`${ window.location.protocol }//${ window.location.hostname.replace('www', 'api') }/admin/officialwebsite/sys/module/getContent/byMark`, { mark: 'report', pageSize: 2, pageNum: page }, (res) => {
                if(res.code === 0) {
                    if(res.data.records && res.data.records.length) {
                        renderingMethods(res.data.records);
                    }
                }
            });
        }

        function renderingMethods(list) {
            list.forEach(item => {
                $('.list-content').append(
                    `<div class="flex bg-fff p-30 m-b-30" onclick="window.location.href = '../details/index.html?id=${ item.id }'" >
                        <div class="flex flex-col flex-center border p-l-30 p-r-30 p-t-20 p-b-20">
                            <span class="font-50" style="color: #00AB16;">${ item.day }</span>
                            <span class="font-15 color-666">${ item.year }-${ item.month }</span>
                        </div>
                        <div class="flex-1 p-l-30 flex-col-center">
                            <h3 class="font-20">${ item.title }</h3>
                            <p class="font-15 color-666 p-t-10">${ item.description }</p>
                        </div>
                    </div>`
                );
            });
        }

        $('nav > div').hover(function () {
            $(this).children('div').toggle();
        });

        $('#handleSubmitMethods').on('click', ()=> {
            $.ajax({
                url: `${ window.location.protocol }//${ window.location.hostname.replace('www', 'api') }/admin/officialwebsite/tb/leaveWords/submit`,
                type: 'GET',
                data: {
                    name: $('#name').val(),
                    phone: $('#tel').val(),
                    email: $('#email').val(),
                    content: $('#msg').val(),
                },
                success: function (res) {
                    if(res.code === 0) {
                        $('#name').val('');
                        $('#tel').val('');
                        $('#email').val('');
                        $('#msg').val('');
                        alert('提交成功！');
                    }
                }
            });
        });

    });
</script>
</html>
